<html>
 <head>
  <title>Whisper Muse - Album Profile</title>

  <style type="text/css">
      	a:link
		{
			color: yellow;
			font-family: verdana, arial, sans-serif;
		}
		a:visited
		{
			color: #006699;
			font-family: verdana, arial, sans-serif;
		}
		a:hover
		{
			color: yellow;
			font-family: verdana, arial, sans-serif;
		}
		a:active
		{
			color: #00FF99;
			font-family: verdana, arial, sans-serif;
		}

		.title
		{
			font-family: verdana, arial, sans-serif;
			font-size: 38px;
			color: yellow;
		}

		*
		{
			background-color: black;
			padding: 0;
			margin: 0;
		}

		.container
		{
			margin-left: auto;
			margin-right: auto;
			width: 900px;
			background-color: black;
			background-repeat: no-repeat;
		}

		.clear
		{
			clear: both;
			display: block;
		}

		#header
		{
			margin-top: 41px;
			margin-left: 50px;
			display: inline;
			float: left;
			position: relative;
			width: 900px;
	 	 	height: 80px;
		}
		#toprow1
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow2
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow3
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow4
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#contentleft
		{
			margin-left: 150px;
			margin-top: 20px;
			display: inline;
			float: left;
			position: relative;
  			width: 300px;
	 		height: 1000px;
		}
		#contentright
		{
			margin-left: 50px;
			margin-top: 22px;
			display: inline;
			float: left;
			position: relative;
		  	width: 400px;
		 	height: 1000px;
		}
    </style>
  </head>


  <body>
    <div class="container">
      <!-- Header -->
      <div id="header">
        <!-- TODO: Replace with Image -->
			<p class="title"><%= link_to 'Whisper Muse', "../user/home", :method => "home" %></p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "../user/my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "../user/edit_account", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "../user/login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

		<!-- Content -->
		<div id="contentleft">
			<font face="verdana" color="yellow">

			<%= image_tag "icons/delete.gif" %>
			<!--name label release date genre-->
			<br>
			<br>
			Title: <%= @album.name %>
			<br>
			<br>
			Label: <%= @album.label %>
			<br>
			<br>
			Release Date: <%= @album.release_date %>
			<br>
			<br>
			Genre: <%= @album.genre %>
			<br>
			<br>
			Songs:
			<br>
			<% @album.songs.each do |song| %>
        	<li>
        	<%= link_to song.name, :controller => 'song', :action => 'display', :id => song.id  %>
        	</li>
          	<% end %>
			</font>
		</div>
		<div id="contentright">
			<font face="verdana" color="red">
        	Admin Options:<br>
        	<br>
        	<%= link_to 'Delete Album', :action => "destroy", :id => @album.id %>
        	<br>
        	<br>
        	</font>
			<font face="verdana" color="yellow">
			<br>
			Overall Rating:
			<br>
			<br>
			<= @song.overall_rating >
			<br>
			<br>
			Reviews:
			<table border="1" width="300">
				<!--< @recipes.each do |recipe| >
  				<tr>
  					<td><= link_to recipe.title, :action => "show", :id => recipe.id ></td>
   					<td><= recipe.category.name ></td>
  				</tr>
 				< end >-->
			</table>
			</font><br>
		</div>
		<div class="clear">
		</div>
	</div>
</body>
</html>